<template>
    <div>
      <input type="text" placeholder="请输入用户名" v-model="obj.mobile" />

      <input type="password" placeholder="请输入密码" v-model="obj.password" />
      <button v-on:click="login">登录</button>

      <p>
        <span @click="backRegister">没有账号？马上注册</span>
      </p>
      <!-- <p v-on:click="ToRegister">没有账号？马上注册</p> -->
      <br />
      <!-- <router-link to="/">返回</router-link> -->
    </div>
</template>

<script>

    import {login} from '../api/api.js'

    export default {
        name: "login",
        data() {
            return {
              obj:{
                mobile:'',
                password:''
              }
            }
        },
        components: {},
        watch: {},
        mounted() {

        },
        methods: {
          login:function()
          {
            login(this.obj).then(res=>{
                       console.log("res",res);
              this.$emit('btnLogin',res.data.token)
                  })
          },
          backRegister:function () {
            this.$emit('backRegister')
          }
        },

    }
</script>

<style scoped>
  .login-wrap {
    text-align: center;
  }
  h3 {
    text-align: center;
  }
  span {
    text-align: center;
  }
  input {
    display: block;
    width: 250px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    margin-bottom: 10px;
    outline: none;
    border: 1px solid #888;
    padding: 10px;
    box-sizing: border-box;
  }

  p {
    color: red;
    text-align: center;
  }

  button {
    display: block;
    width: 250px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border: none;
    background-color: #41b883;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
  }

  span {
    cursor: pointer;
  }

  span:hover {
    color: #41b883;
  }
</style>
